<template>
  <ul>
    <li v-for="data in datalist" :key="data">{{ data }}</li>
  </ul>
</template>

<script setup>
import { inject } from "vue";

const datalist = inject("datalist");
</script>

<style scoped>
ul {
  display: flex;
}

li {
  margin-left: 20px;
}
</style>